<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" >
        <title>Text Decoration Under Line Test</title>
        <link rel="match" href="text-decoration-001-ref.html">
        <link rel="author" title="Masaya Iseki" href="mailto:iseki.m.aa@gmail.com">
        <link rel="help" href="https://www.w3.org/TR/shadow-dom/#text-decoration-property">
        <meta name="assert" content="When shadow host has text-decoration, shadow tree is not affected.">
    </head>
    <body>
        <span id="parent" style="text-decoration: underline">
        </span>
        <script>
            var parent = document.getElementById('parent');
            var shadow = parent.webkitCreateShadowRoot();
            var child = document.createElement('span');
            child.textContent = "if NOT underlined, it is success.";
            shadow.appendChild(child);
        </script>
    </body>
</html>
